@charset "utf-8";
@mixin px2rem($name, $px) {
    #{$name}:$px/75*1rem; // 这个75是根据iPhone6设计稿（已放大2倍）来的，实际应根据对应的设计稿修改。
    // 75 = 375 * 2 / 10

    // 设计稿对应的手机的宽度为clientWidth，即设备CSS宽度
    // 设计稿放大的倍数为n
    // 除数75对应的位置为 n*clientWidth/10
}

// 用于让不同设备显示的CSS像素(看起来的尺寸）一致，除以2是设计稿放大的倍数为2
// 不使用次函数的话，经过缩放后默认在不同设备显示的物理像素一样
@mixin px2px($name, $px) {
    #{$name}: round($px / 2) * 1px;
    [data-dpr="2"] & {
        #{$name}: $px * 1px;
    }
    // for mx3
    [data-dpr="2.5"] & {
        #{$name}: round($px * 2.5 / 2) * 1px;
    }
    // for 小米note
    [data-dpr="2.75"] & {
        #{$name}: round($px * 2.75 / 2) * 1px;
    }
    [data-dpr="3"] & {
        #{$name}: round($px * 3 /2) * 1px
    }
    // for 三星note4
    [data-dpr="4"] & {
        #{$name}: $px * 2px;
    }
}